<ion-header>
  <ion-navbar>
    <ion-title>
      我的
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-item>
    <ion-avatar item-start>
      <img src="./assets/imgs/user.jpg">
    </ion-avatar>
    <h2>Marty McFly</h2>
    <p>November 5, 1955</p>
  </ion-item>

  <ion-card>
    <ion-card-header>
      ion-card
    </ion-card-header>
    <ion-card-content>
      The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
    </ion-card-content>
  </ion-card>
  <my-title titleName="精彩推荐" (click)="toItem()" ></my-title>
  <ion-grid no-padding>
    <ion-row no-padding text-center class="unit">
      <ion-col col-4 class="item-unit" *ngFor="let item of item">
        <img class="itemImg" src={{item.img}} />
        <span> {{item.title}}</span>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>